<template>
  <view class="container">
    <view class="container-title">
	  <h1>{{title}}</h1>
	  <text v-if="time !=''">{{$util.dateUtils.format(time)}}</text>
    </view>

    <view class="container-body">
      <rich-text :nodes="content" v-if="content !=''"></rich-text>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        title: '',
		time:'',
		content:''
      };
    },
    onLoad(option) {
		this.title=decodeURIComponent(option.title);
		this.time=option.time;
		this.content=decodeURIComponent(option.content);
		
		uni.setNavigationBarTitle({
			title: this.title + '通知'
		})
    }
  }
</script>

<style lang="scss">
  .container {
    padding: 48rpx 30rpx 0;

    .container-title {
      h1 {
        font-size: 36rpx;
        color: rgba(61, 61, 61, 1);
        margin-bottom: 10rpx;
      }

      text {
        font-size: 24rpx;
        color: rgba(61, 61, 61, 0.6);
      }
    }

    .container-body {
      margin-top: 80rpx;
    }
  }
</style>
